@charset "UTF-8";
/*
Copyright @ 校咖微平台后台管理系统
*/
html,body{ height: 100%;/*overflow: auto; */}
.green{ color: green;}
.red{color:red;}
.input{ height: 30px; line- height: 30px; padding:0 10px; border:1px solid #e7e7e7; font-size: 12px; border-radius: 3px; }
select.input{ height: 32px;padding: 0}
.btn, .btn-gray, .btn-blue, .btn-lightGray{ height: 30px; line-height: 30px; border:0; background: #009933; color: #fff; border-radius: 3px; cursor: pointer; font-size: 14px; display: inline-block; text-align: center; }
.btn:hover, .btn-gray:hover, .btn-blue:hover{ background: #03a73a; color: #fff; }
.btn-gray{ background: #dadada; color: #333; }
.btn-gray:hover{ background: #e7e7e7; color: #333; }
.btn-blue{ background: #0075a2; padding:0 20px; }
.btn-blue:hover{ background: #017dad; }
.btn-lightGray{ background: #f4f4f4; color: #333; padding:0 20px; }
.btn-lightGray:hover{ color: #333; background: #e8e8e8; }
.btn-p{ padding:0 20px; }
.w96{ width: 96px; }
.w144{ width: 144px; }
.mr10{ margin-right: 10px; }

.main{ position: relative; width: 100%; }
.main-left{ float: left; position: relative; width: 240px; height: 100%; }

/*弹出框*/
.popBox{ position: fixed; top:0; left:0; z-index: 2000; width: 100%; height: 100%; display: none; }
.popBox .popBox-back{ width: 100%; height: 100%; background: #000; filter:alpha(opacity=30); -moz-opacity:0.35; -khtml-opacity: 0.3; opacity: 0.3; }
.popBox .popBox-box{ position: absolute; top:50%; left:50%; background: #fff; border-radius: 5px; }
.popBox-title{ position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; }
.popBox-title h3{ font-size: 18px; color: #333; margin-left: 20px; font-weight: normal; }
.popBox-title .close{ position: absolute; top:19px; right:15px; width: 17px; height: 20px; font-size: 14px; background: url(../images/close.png) no-repeat; cursor: pointer; }
.popBox-title .close:hover{ background-position: -17px 0; }

/*促销*/

.promote-pop .popBox-box, .hb-popBox  .popBox-box{ width: 300px; height:300px; margin-left: -150px; margin-top: -150px; }
.promote-pop .popBox-box, .promote-pop-o .popBox-box{ width: 300px; height:300px; margin-left: -150px; margin-top: -150px; }

.promote-con{ overflow: hidden; padding-top: 20px; }
.promote-con ul{ overflow: hidden; }
.promote-con li{ position: relative; float: left; width: 100px; height: 40px; margin-left: 40px; }
.promote-con li span.radio{ position: absolute; top:0; left:0; width: 19px; height: 19px; border:1px solid #009933; background: #fff; }
.promote-con li span.name{ margin-left: 10px; font-size: 14px; }
.promote-con .btn{ margin:20px auto 0; display: block; }
.promote-con li span.active{ background:#009933; text-align: center; font-size: 14px; color: #fff; }

/*修改货物*/
.modifyGoods-pop .popBox-box, .remove-pop .popBox-box, .confirm-pop .popBox-box, .cancel-pop .popBox-box, .cancelled-pop .popBox-box, .chaXiangqingQuren-pop .popBox-box, .purchase-pop .popBox-box{ width: 500px; height: 180px; margin-top: -90px; margin-left: -250px; }
.modifyGoods-con .tit, .remove-con .tit, .confirm-con .tit, .cancel-con .tit, .cancelled-con .tit, .chaXiangqingQuren-con .tit, .purchase-con .tit{ text-align: center; font-size: 18px; margin:37px 0; }
.modifyGoods-con .btns, .remove-con .btns, .confirm-con .btns, .cancel-con .btns, .chaXiangqingQuren-con .btns, .purchase-con .btns{ text-align: center; }
.modifyGoods-con .btns .btn, .remove-con .btns .btn, .confirm-con .btns .btn, .cancel-con .btns .btn, .chaXiangqingQuren-con .btns .btn, .purchase-con .btns .btn{ margin-right: 40px; }
.cancelled-con .btn{ display: block; margin:0 auto; }
.modifyGoods-con .tit .file{ text-align: center; font-size: 18px; margin:37px 0; position:absolute; top:0; left:0px; filter:alpha(opacity:0); opacity: 0; }


/*库存*/
.kucun-pop .popBox-box{ width: 500px; height: 400px; margin-top: -200px; margin-left: -250px; }
.kucun-con .kucun-item{ overflow: hidden; zoom:1; font-size: 16px; padding:0 20px; margin-top: 15px; line-height: 20px; }
.kucun-con .kucun-item .fl{ width: 240px; }
.kucun-con .kucun-item .fr{ width: 200px; }
.kucun-con .kucun-item .input{ height: 24px; line-height: 24px; font-size: 12px; width: 50px; }
.kucun-con .kucun-item textarea{ width: 368px; height: 100px; resize: none; float: left; padding:5px; border:1px solid #e7e7e7; border-radius: 3px; }
.kucun-con .kucun-item span{ float: left; }
.kucun-con .btns{ text-align: center; margin-top: 40px; }
.kucun-con .btns .btn{ margin-right: 40px; }

/*查看微店列表*/
.weicang-pop .popBox-box{ top:100px; }
.weicang-pop .popBox-box{ width: 700px; margin-left: -150px; }
.weicang-con{ padding:10px 10px 10px; }
.weicang-con .table{ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }

/*获取坐标*/
.zuobiao-pop .popBox-box{ top:100px; }
.zuobiao-pop .popBox-box{ width: 500px; margin-left: -250px; }
.zuobiao-con{ padding:10px 10px 10px; }
.zuobiao-con .table{ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }

/*查看图片*/
.chaTupian-pop .popBox-box, .chaLianjie-pop .popBox-box{ width: 500px; padding-bottom: 25px; overflow: hidden; margin-left: -250px; top: 100px; margin-top: 0; }
.chaTupian-con .tit, .chaLianjie-con .tit{ text-align: center; margin-top: 20px; }
.chaTupian-con img, .chaLianjie-con img{ max-width: 450px; display: inline-block; }
.chaTupian-con .btn, .chaLianjie-con .btn{ display: block; margin: 20px auto 0; }
.chaLianjie-pop .popBox-box{ top:200px; }

/*订单详情*/
.chaXiangqing-pop{ position: absolute; }
.chaXiangqing-pop .popBox-back{ position: fixed; top:0; left:0; }
.chaXiangqing-pop .popBox-box{ width: 500px; margin-left: -250px; margin-top: -250px; }
.chaXiangqing-con{ padding:0 10px; }
.chaXiangqing-con .chaXiangqing-item{ margin-top: 10px; }
.chaXiangqing-con .table{ margin-top: 10px; }
.chaXiangqing-con .chaXiangqing-title{ border-top: 1px solid #ccc; padding:10px 0 0; overflow: hidden; zoom:1; margin-top: 8px; }
.chaXiangqing-con .table{ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
.chaXiangqing-con .btns{ text-align: center; padding:30px 0; }
.chaXiangqing-con .btns .btn{ margin-right: 40px; }

/*发放*/
.quanFaFang-pop .popBox-box, .danFaFang-pop .popBox-box{ width: 500px; margin-left: -250px; margin-top: -250px; }
.quanFaFang-con .item, .danFaFang-con .item{ overflow: hidden; zoom:1; margin-top: 20px; }
.quanFaFang-con .item .item-name, .danFaFang-con .item .item-name, .quanFaFang-con .item .item-input, .danFaFang-con .item .item-input{ float: left; }
.quanFaFang-con .item .item-name, .danFaFang-con .item .item-name{ width: 100px; text-align: right; margin-right: 10px; line-height: 32px; }
.quanFaFang-con .item .item-input, .danFaFang-con .item .item-input{ width: 360px; }
.quanFaFang-con .btns, .danFaFang-con .btns{ text-align: center; margin-top: 20px; margin-bottom: 30px; }
.quanFaFang-con .btns .btn, .danFaFang-con .btns .btn{ margin-right: 40px; }

.hb-popBox  .popBox-box{height:120px;}
.hb-popBox  .popBox-box p{text-align:center;margin-top:20px;}

/*分页*/
#page{ height: 44px; line-height: 44px; padding:0 20px;font-size: 12px; }
.page-num{ float: left; }
.page-num span{ color: #d96000; }
.page-con{ float: right; }
.page-con a, .page-con span{ display: inline-block; /*border:1px solid #ebebeb;*/ width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 3px; margin-left: 10px; }
.page-con a.active{ background: #d96000; color: #fff; }
.page-con a.active:hover{ color: #fff; }
.page-con a:hover{ color: #d96000; }
.page-con .page-item{ width:auto;}
.page-con select{margin-left:10px;}

/*内容上部*/
.main-top{ padding:0px 20px 0; overflow: hidden; }
.main-top .fl{ float: left; }
.main-top .fl .btn{ float: left; margin-right: 10px; margin-bottom: 20px; }
.main-top .fr{ margin-bottom: 20px; }
.main-top input{ vertical-align: middle; }
.c-name{ margin-right: 10px; }

.column-name{ height: 60px; background: #f8f8f8; border-bottom: 1px solid #e9e9e9; overflow: hidden;margin-bottom: 20px; }
.column-name b{ color: #666; font-weight: normal; }
.column-name h2{ height: 24px; line-height: 24px; font-size: 16px; margin-left: 20px; padding-left: 10px; border-left: 2px solid #009933; font-weight: normal; margin-top: 20px; }
.check{font-size: 16px; padding: 0 20px 0 0; overflow: hidden; zoom:1;}
.check .check-item{ float: left; margin-bottom: 20px;   overflow: hidden; height: 32px;}
.check .check-item .check-tit{ margin-right: 10px; margin-left: 20px; }
.check .check-item select{ width: 122px; vertical-align: middle; }
.check .check-item input{ width: 102px; vertical-align: middle; }
.check .date .check-tit{ margin-left: 20px; }
.check .check-item .check-tit01{ margin:0 10px; }
.check .check-btn{ float: right; width: 96px; margin-bottom: 20px; }
.check .check-btn{ margin-left: 10px; }

/*表格*/
.content{ border:1px solid #e9e9e9; margin:0 20px; border-radius: 3px;margin-bottom: 20px; }
.table a{ color: #26a751; }
.table a:hover{ text-decoration: underline; }
.table a.red{ color: #d91b00; }
.table thead th{ height: 32px; line-height: 32px; font-size: 14px; color: #333; font-weight: normal; background: #f0f0f0; border-bottom: 1px solid #e9e9e9; }
.table tbody td{ padding:5px 5px; background: #fff; border-bottom: 1px solid #e9e9e9; text-align: center; font-size: 12px; color: #555; }
.table tbody td.green{ color: #26a751; }
.table .input{width: 40px;text-align: center;color: #555;height: 22px;line-height: 22px;font-size: 12px;}
.table tbody .red{color: #d91b00;}
.content .total{text-align: right;padding:20px 20px 20px 0;font-size: 16px;}
.content .total .red{color: #d91b00;font-size: 14px;}

/*表单*/
.form .form-item{ overflow: hidden; zoom:1; }
.form-item:after{ content: ''; clear: both; display: block; width: 0; height: 0; }
.form-name, .form-input{ float: left; }
.form-name{ width: 180px; text-align: right; font-size: 14px; line-height: 30px; margin-right: 20px; margin-top: 20px; }
.form-input{ position: relative; width: 70%; }
.form-input .input{ float: left; width: 90%; margin-top: 20px; vertical-align: middle; }
.form-input select.input{ float: left; width: auto; margin-right: 20px; }
.form-school .form-input input{ width: 65.6%; }
.form-department .form-input input{ width: 65.6%; }
.form-item-time{ border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; overflow: hidden; zoom:1; margin:20px 0; padding-bottom: 20px; }
.form-item-time .btn-blue{ margin-top: 20px; margin-left: 100px; }
.form-item-time .time-item{ margin-top: 20px; overflow: hidden; zoom:1; }
.form-item-time .fl{ margin-right: 30px; }
body .form-item-time .form-input input{ width: 94px; }
.time-item .input, .time-item span, .time-item .btn-lightGray{ float: left; }
.time-item span{ width: 30px; height: 1px; overflow: hidden; border-top: 1px solid #333; margin:14px 20px 0; }
.time-item .btn-lightGray{ margin-left: 40px; }
.time-item .input span{ float: left; }
.form .btn{ display: block; margin:0 auto; margin-bottom: 60px; margin-top:50px;}
.form .btns{text-align:center;}
.form .btns .btn{display:inline-block;margin-right:10px;}

.form-item01 input.input{ width: 53%; }
.form-item01 .btn-blue{ margin-top: 20px; margin-left: 20px; }
.form-item01 .file{ position:absolute; top:0; left:0px; filter:alpha(opacity:0); opacity: 0; }
.form-item01 .form-img{ margin-top: 20px; }
.form-item01 .form-img img{ max-width: 500px; display: block; }
.form-msg{ background: url(../images/icon01.png) no-repeat 0 4px; padding-left: 20px; margin-top: 8px; font-size: 14px; }
.form-send .send-item:after{ content: ''; clear: both; display: block; visibility: hidden; width: 0; height: 0; }
.form-send .btn-blue{ margin-top: 20px; }
.form-send .input{ width: 53%; }
.form-send .btn-lightGray{ float: left; margin-left: 20px; margin-top: 20px; }
.form-send .send-item{ position: relative; zoom:1; }
.form-send .form-msg{ position: absolute; top:-9px; left:-20px; background: none; font-size: 12px; color: #d91b00; }
.form-input textarea.input{ resize: none; height: 150px; }
.form-redDate input.input{ width: 30%; }
.form-redDate .form-input span{ float: left; line-height: 48px; margin:20px 10px 0; }
.form-setRed .form-input input.input{ width: 40px; }
.form-setRed .form-input span{ float: left; margin:20px 10px 0; line-height: 48px; }

.form-up .form-input{ margin-top: 20px; }
.form-up .form-input ul{ overflow: hidden; zoom:1; }
.form-up .form-input li{ padding:5px 10px 10px; float: left; width: 180px; border:1px solid #ccc; margin-top: 10px; margin-right: 10px; }
.form-up .form-input li .img img{ max-width: 180px; max-height: 180px; display: block; margin:0 auto; }
.form-up .form-input li .txt{ font-size: 12px; }
.form-up .form-input li .txt span{ float: left; }
.form-up .form-input li .txt .remove{ float: right; }
.form-up .form-input .btns{ margin-top: 10px; }
.form-up .form-input .btns .btn-blue{ margin-right: 10px; }

/*新增采购*/
.main-msg{background: #e7f7ec;color: #d91b00;padding:15px 20px;margin:0 20px 20px;}
.purchaseInt{
	background: #e7f7ec;
	padding:10px 0 4px;
	margin:0 20px 20px;
}
.purchaseInt-item{overflow: hidden;zoom:1;margin-bottom: 6px;}
.purchaseInt-name, .purchaseInt-con{float: left;}
.purchaseInt-name{width: 100px;text-align: right;}
.purchaseInt-con textarea.input{width:500px;height: 100px;font-size: 12px;padding:5px;line-height: 14px;resize: none;}
.purchase-btn{text-align: right;margin-right: 20px;margin-bottom: 30px;}

.btns-box{font-}


/*第三方平台的财务管理*/
.form-input div.input{line-height: 46px;color: #999;}
.form-input div.input span.red{color: red;display: inline-block;width: 120px;}
.form-input div.input:hover{background: #efefef;}

.chaXiangqing{display:block;margin:0 auto;cursor:pointer;width:108px;overflow:hidden;height:20px;}
#dl-xqDiv{min-height:180px;padding:10px 0;word-wrap: break-word;word-break: normal;}
.item-input input{width:90%;}

/*分配资源、权限、角色*/
.select-pop .popBox-box {width: 500px;margin-top: -250px;margin-left: -250px;}
.select-box {overflow: hidden;padding: 0 8px;}
.select-box select {width: 200px;height: 308px;}
.select-con .btns {text-align: center;margin-top: 20px;margin-bottom: 30px;}
.select-con .btn {margin-right: 10px;}
.select-con .select-btns {float: left;width: 84px;}
.select-con .select-btns a {display: block;width: 50px;border: 1px solid #ccc;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;font-family: "宋体";font-size: 20px;font-weight: bold;color: #333;}
.select-con .select-btns a.borderGreen:hover {color: #009933;}
.select-con .select-btns .borderGreen {border: 1px solid #009933;}
.select-con .select-btns .select-btn01 {margin-top: 100px;}
.select-con .select-btns .select-btn02 {margin-top: 40px;}


.active{background:#8B2500;}
.active:hover{background: #8B2500;}


.fi-item{margin-top:22px;} 
.fi-item input{ vertical-align: middle;}
.dl-num{display:inline-block;float:left;line-height:30px;margin-left:5px;}
.mt20{margin-top:20px;}
.form-input .time-item input{margin-top:0}
.form-p{margin-top:15px;color:#666;}